<%@ page contentType="text/html; charset=utf-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/assets/style.css">
</head>
<body>
<div class="container">
    <header class="header">
        <div class="top">
            <div style="background-image:url(//mat1.gtimg.com/www/mobi/2017/image/logo-text-whitetext_v2.svg)"
                 class="jsx-1148577067 logo"></div>
            <a data-boss="qzdh&amp;modular=head" href="/m/s/sort" class="jsx-1148577067 more"><img
                    src=""
                    alt="更多频道" class="jsx-1148577067"></a>
            <div class="jsx-1148577067 login">
                <div class="jsx-3891002241 unlogin">登录</div>
            </div>
        </div>
        <section class="jsx-112949125 nav">
            <ul class="jsx-112949125">
                <c:forEach var="c" items="${cateList}">
                <li class="jsx-112949125 ">
                    <a href="/list?id=${c.id}" class="jsx-112949125">${c.title}</a>
                </li>
                </c:forEach>
            </ul>
        </section>
    </header>
    <div class="news-list">
        <c:forEach var="n" items="${topNewsList}">
        <div class="new-list-item">
            <a href="/news-detail?id=${n.id}" class="home-link">
                <p style="margin-bottom:0.03rem" class="jsx-4066685292 title">${n.title}</p>
                <div class="jsx-2462389175 root-sec">
                    <span style="color:#EE544A" class="jsx-2135715324">置顶</span>
                    <span class="jsx-2135715324">${n.source}</span>
                    <span class="jsx-2135715324">
                        <fmt:formatDate value="${n.pubTime}" pattern="MM-dd HH:ss"></fmt:formatDate>
                    </span>
                </div>
            </a>
        </div>
        </c:forEach>
        <c:forEach var="n" items="${hotNewsList}">
            <div class="new-list-item">
                <a href="/news-detail?id=${n.id}" class="home-link">
                    <p style="margin-bottom:0.03rem" class="jsx-4066685292 title">${n.title}</p>
                    <div class="jsx-2462389175 root-sec">
                        <span class="jsx-2135715324">${n.source}</span>
                        <span class="jsx-2135715324">
                            <fmt:formatDate value="${n.pubTime}" pattern="MM-dd HH:ss"></fmt:formatDate>
                        </span>
                    </div>
                </a>
            </div>
        </c:forEach>
        <c:forEach var="n" items="${newsList}">
            <div class="new-list-item">
                <a href="/news-detail?id=${n.id}" class="home-link">
                    <p style="margin-bottom:0.03rem" class="jsx-4066685292 title">${n.title}</p>
                    <div class="jsx-2462389175 root-sec">
                        <span class="jsx-2135715324">${n.source}</span>
                        <span class="jsx-2135715324">
                                ${n.pubTime}
                        </span>
                    </div>
                </a>
            </div>
        </c:forEach>
    </div>
</div>

</body>
</html>
